<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/channelDetail.css">
    <link href="https://unpkg.com/layui@2.11.5/dist/css/layui.css" rel="stylesheet">
</head>
<body>
    <div class="all">
        <!-- <div class="top">
            <div class="header-bg">
                <div class="logo-box">
                    <a href="">
                        <img src="https://c.hotread.com/girlPc/assets/images/newGirlLogo.png" alt="">
                    </a>
                </div>
            </div>
            <div class="hotreadAndGirl">
                <p class="girl">
                    <a href="">火星女频</a>
                </p>
                <p>|</p>
                <p class="noval">
                    <a href="">火星小说</a>
                </p>
            </div>
            <div class="search">
                <input type="text" placeholder="弥楼芳时">
                <input type="submit" class="search-btn" style="color: transparent;">
            </div>
            <div class="main-login">
                <p class="chongzhi">
                    <a href="">充值</a>
                </p>
                <p class="line">|</p>
                <p class="bookstore">
                    <a href="">书架</a>
                </p>
                <p class="login">
                    <a href="">登录</a>
                </p>
                <p class="line">|</p>
                <p class="nologin">
                    <a href="">注册</a>
                </p>
            </div>
        </div> -->
        <div class="channel_header">
            <div class="channel_header_bg">
                <img src="https://c.hotread.com/girlPc/assets/images/newGirlLogo.png" alt="">
                <div class="hotreadAndGirl">
                    <a href="./channel.html"><span class="on">火星女频</span></a>
                    <span>|</span>
                    <a href="./index.html" style="color: #000000;"><span>火星小说</span></a>
                </div>
                <div class="search-content">
                    <input type="text" placeholder="弥楼芳时" class="search-text" id="searchInput">
                    <img src="../img/channel_search.png" alt="" id="searchBtn">
                </div>
                <div class="main-login">
                    <div>
                        <span>充值</span>
                        <span>|</span>
                        <a href="./personal.html" style="color: #000000;"><span>书架</span></a>
                    </div>
                    <div>
                        <a href="./personal.html" style="color: #000000;"><span>登录</span></a>
                        <span>|</span>
                        <a href="./register.html"><span>注册</span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="top-nav">
            <div class="nav-main">
                <div class="nav-main-left">
                    <p class="first">
                        <a href="./channel.html">首页</a>
                    </p>
                    <p>
                        <a href="./channelBook.html">书库</a>
                    </p>
                    <p>
                        <a href="./channelRank.html">排行榜</a>
                    </p>
                    <p>
                        <a href="./girlcopyright.html">优质版权</a>
                    </p>
                </div>
                <div class="nav-main-right">
                    <p class="app">
                        <a href="" target="_blank">下载APP</a>
                    </p>
                    <p class="line">|</p>
                    <p class="autor">
                        <a href="./personal.html" target="_blank">作者中心</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="details-main">
            <div class="details-main-nav">
                
            </div>
            <div class="details-main-content">
                <div class="details-main-content-left">
                    <div class="content-left-top">
                        <div class="book-img">
                            <!-- <a href="">
                                <img src="https://p1.duyao001.com/image/common/c0bec643e4e77b5d57b7a45f3419a864_x640.jpg" alt="">
                            </a> -->
                        </div>
                        <div class="book-content">
                            <!-- <div class="fire-value">
                                <div class="fv-count">
                                    <em>2222.3</em>
                                    <span>万</span>
                                    积分
                                </div>
                            </div>
                            <h1 class="bookName">
                            失败的恒星
                            </h1>
                            <span class="autorName">苏一姗</span>
                            <span class="classify">分类：
                                <a href="" target="_blank">现代言情</a>
                            </span>
                            <span class="lab">
                                标签：<a href="" target="_blank">正剧</a>
                            </span>
                            <span class="worNum">
                                字数： 218633
                            </span>
                            <p class="state">
                                <span class="end">已完本</span>
                                <a href="">更新至第六十五章：真实人生</a>
                                <span class="time">2024-10-09 15:38:40</span>
                            </p>
                            <div class="btn-list">
                                <div class="bt">
                                    <a class="like" href="">立即阅读</a>
                                    <a class="addbook" href="">加入书架</a>
                                </div>
                                <div class="tool">
                                    <div class="twoCode">
                                        <div class="tCBox">
                                            <img src="https://c.hotread.com/girlPc/assets/images/qrcode-girl.png" alt="">
                                        </div>
                                    </div>
                                    <div class="transpond">
                                        <div class="white-box">
                                            <div class="tcbox">
                                                <img src="" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>-->
                        </div> 
                    </div>
                    <div class="intro-con">
                        <div class="current-nav-1">
                            <p class="win-head nav-1" onclick="backjianjie()">简介</p>
                            <p class="win-head nav-2" onclick="backmulu()">目录</p>
                            <p class="win-head nav-3" onclick="backpinglun()">评论</p>
                        </div>
                        <div class="introduce">
                            <!-- <p>宇宙中能够发光发热的天体被称为恒星。</p>
                            <p>褐矮星的质量介于恒星和行星之间，它是一种特殊的星体，没能演变成真正的恒星。</p>
                            <p>倪恒星认为自己的人生永远无法璀璨发光，成为炽热的恒星。</p>
                            <p>但没有关系，即使如此，这颗“失败的恒星”也是宇宙中最奇怪的存在。</p> -->
                        </div>
                    </div>
                    <div class="award">
                        <div class="award-cutBtn">
                            <div class="cutBtn-list on">
                                推荐
                                <em>20588张</em>
                            </div>
                            <div class="cutBtn-list">
                                打赏
                                <em>0火星币</em>
                            </div>
                        </div>
                        <div class="award-cutRect">
                            <div class="cutRect-list">
                                <div class="user-case-a">
                                    <span>
                                        月推荐票<em>0</em>张
                                    </span>
                                    <span>
                                        总推荐票<em>20588</em>张
                                    </span>
                                    <div class="rem-rank">
                                        月排名 <em>129</em>，还差<em>1</em> 票追上前一名
                                    </div>
                                </div>
                                <div class="recommendTicket">
                                <ul class="recommendTicket-rect-new">
                                    <!-- <li class="recommendTicket-list">
                                        <i class="icon"></i>
                                        <span>
                                            投<em>1</em>张推荐票
                                        </span>
                                    </li> -->
                                </ul>
                                <div class="thanks">
                                    感谢您支持，推荐票还剩余<span>0</span>张
                                </div>
                                <h5>
                                        推荐票说明：<br>
                                    1.用户每天可获得与用户等级相等的推荐票数。
                                    <a href="">查看我的等级</a>
                                    <br>
                                </h5>
                            </div>
                            </div>
                            <div class="cutRect-list1">
                                <div class="user-case-a">
                                    <span>打赏<em>0</em></span>
                                    <div class="goPay">
                                        <span>剩余火星币:<em>0</em>火星币</span>
                                        <a href="">充值</a>
                                    </div>
                                </div>
                                <div class="reward">
                                    <div class="reward-rect">
                                        <dl class="reward-list on">
                                            <dd class="shade">
                                            </dd>
                                            <dd class="img">
                                            </dd>
                                            <dt>撩一下
                                            </dt>
                                        </dl>
                                        <dl class="reward-list">
                                            <dd class="shade">
                                            </dd>
                                            <dd class="img1">
                                            </dd>
                                            <dt>PICK
                                            </dt>
                                        </dl>
                                        <dl class="reward-list">
                                            <dd class="shade">
                                            </dd>
                                            <dd class="img2">
                                            </dd>
                                            <dt>今晚吃鸡
                                            </dt>
                                        </dl>
                                        <dl class="reward-list" style="margin-right: 0 !important;">
                                            <dd class="shade">
                                            </dd>
                                            <dd class="img3">
                                            </dd>
                                            <dt>比颗星心
                                            </dt>
                                        </dl>
                                        <dl class="reward-list">
                                            <dd class="shade">
                                            </dd>
                                            <dd class="img4">
                                            </dd>
                                            <dt>打CALL
                                            </dt>
                                        </dl>
                                        <dl class="reward-list">
                                            <dd class="shade">
                                            </dd>
                                            <dd class="img5">
                                            </dd>
                                            <dt>C位出道
                                            </dt>
                                        </dl>
                                        <dl class="reward-list">
                                            <dd class="shade">
                                            </dd>
                                            <dd class="img6">
                                            </dd>
                                            <dt>送你上火星
                                            </dt>
                                        </dl>
                                        <dl class="reward-list" style="margin-right: 0 !important;">
                                            <dd class="shade">
                                            </dd>
                                            <dd class="img7">
                                            </dd>
                                            <dt>承包银河系
                                            </dt>
                                        </dl>
                                    </div>
                                    <div class="reward-ract">
                                        <div class="count">
                                            <span>数量：</span>
                                            <em class="sub">-</em>
                                            <input type="text" class="num" maxlength="3">
                                            <em class="add">+</em>
                                        </div>
                                        <div class="count">
                                            <span>价值：</span>
                                            <em class="money">100</em>
                                            <span>火星币</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="vote-box">
                                    <p class="vote-title">赠言</p>
                                    <input type="text">
                                    <a class="vote-btn">打赏</a>
                                </div>
                                <p class="message">打赏说明：<br>通过打赏是对作者进行鼓励的一种方式，如果您对小说满意，除了给与作者订阅支持，也可以<br>打赏激励作者创作更好的作品。您打赏的道具，我们将按比例和作者分成</p>
                                <dl class="record">
                                    <dt class="record-title">今日打赏记录
                                    <dd class="record-rect"></dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div class="catalog">
                        <div class="catalog-rect">
                            <div class="roll">
                                <i></i>
                                正文卷
                            </div>
                            <div class="catalog-list">
                                <!-- <a href="">第一章：优化</a> -->
                            </div>
                            <p class="moreBox">
                                <a class="more" href="./girlContents.html">查看更多目录</a>
                            </p>
                        </div>
                    </div>
                    <div class="comment-rect">
                        <div class="comment-txt">
                            <textarea placeholder="发表50字以上长评赢20火星券" maxlength="1500"></textarea>
                        </div>
                        <span class="comment-btn">发表评论</span>
                    </div>
                    <div class="commentList-rect">
                        <div class="comment-box">
                            <!-- <div class="comment-list">
                                <div class="list-tx">
                                    <img src="https://qzapp.qlogo.cn/qzapp/1105397408/95E51F71CC48FF852A55AE75E3E3BE59/100" alt="">
                                </div>
                                <div class="dd">
                                    <h2><span></span></h2>
                                    <p class="con-sent">每每想到你，想起你在那些日子该是多用力地向上爬啊，你一定很辛苦吧，妈妈对不起你，在你最需要我的时候，我没在。倪恒星的妈妈真的很爱她，可能表达方法不对，可能她性格大大咧咧的没有那么细心，但是她真的爱女儿。</p>
                                    <div class="replytime">
                                        <p class="senttime">2024-10-18 17:03:58</p>
                                        <p class="reply">回复</p>
                                    </div>
                                </div>
                            </div> -->
                        </div>
                        <div id="demo-laypage-theme"></div>
                    </div> 
                </div>
                <div class="details-main-content-right">
                    <div class="author-explain">
                        <div class="girlBg">
                            <!-- <div class="author-tx">
                                <img src="" alt="">
                            </div>
                            <p class="author-name">苏一姗</p> -->
                        </div>
                        <p class="author-sent">
                            <p>个人说明：苏一姗，福建省作家协会会员。风格多样，轻松甜宠。已出版作品《学长请吃药》系列、《平行爱恋》《初恋暖色系》等</p>
                        </p>
                        <div class="author-works">
                            <div class="author-works-title">
                                作者其他作品
                            </div>
                            <div class="author-works-none">
                                无其他作品
                            </div>
                            <div class="autor-books">
                                <!-- <div>
                                    <a href="">
                                        <img src="" alt="">
                                        <span>自证预言</span>
                                    </a>
                                </div> -->
                            </div>
                        </div>
                    </div>
                    <div class="ranking">
                        <div class="rank-title-haslink">
                            猜你喜欢
                        </div>
                        <div class="likebooks ">
                            <!-- <div class="on">
                                <a href="">
                                    <em class="num">01</em>
                                    <img src="" alt="">
                                    <span class="bookName">佳偶都绝色</span>
                                    <span class="author">李李翔</span>
                                </a>
                            </div> -->
                            <div class="more">
                                <a class="searchmore" href="">查看更多</a>
                            </div>
                        </div>
                    </div>
                    <div class="ranking">
                        <div class="rank-title-haslink">
                            月票榜
                        </div>
                        <div class="likebooks" id="typeRank">
                            <!-- <div class="on">
                                <a href="">
                                    <em class="num">01</em>
                                    <img src="" alt="">
                                    <span class="bookName">佳偶都绝色</span>
                                    <span class="author">李李翔</span>
                                </a>
                            </div> -->
                            <div class="more">
                                <a class="searchmore" href="">查看更多</a>
                            </div>
                        </div>
                    </div>
                    <div class="ranking"  style="height: 342px;">
                        <div class="rank-title-haslink">
                            销量榜
                        </div>
                        <div class="likebooks" id="shopping">
                            <!-- <div class="on">
                                <a href="">
                                    <em class="num">01</em>
                                    <img src="" alt="">
                                    <span class="bookName">佳偶都绝色</span>
                                    <span class="author">李李翔</span>
                                </a>
                            </div> -->
                            <div class="more">
                                <a class="searchmore" href="">查看更多</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-main">
                <div class="contact">
                    <div class="logo">
                        <img src="https://c.hotread.com/girlPc/assets/images/newGirlLogo.png" alt="">
                        <div class="medium">
                            <p>关注我们</p>
                            <div class="medium-logo">
                                <img class="wechat" src="https://c.hotread.com/girlPc/assets/images/newpcwx.png" alt="">
                                <img class="weibo" src="https://c.hotread.com/girlPc/assets/images/newpcweibo.png"
                                    alt="">
                            </div>
                        </div>
                    </div>
                    <div class="contact-information">
                        <p class="qq">联系编辑（QQ）</p>
                        <span>禁止一稿多投</span>
                        <p class="how">小辣条：247511674</p>
                        <p class="how">宁大壮：3415260882</p>
                        <p class="how">三千：1194636924</p>
                    </div>
                    <div class="opinion">
                        <p>联系我们</p>
                        <span>欢迎反馈宝贵意见给我们</span>
                        <div class="contact-way">
                            <p>客服邮箱：
                                <img src="https://www.iceread.com/assets/images/kefu.svg" alt="">
                            </p>
                            <p>客服电话：010-85789676-619</p>
                            <p>客服QQ：398378518</p>
                            <p>QQ群：858924797</p>
                        </div>
                    </div>
                    <div class="download">
                        <p>
                            <a href="" target="_blank">火星女频客户端</a>
                        </p>
                        <span>扫描二维码直接下载</span>
                        <img src="https://c.hotread.com/girlPc/assets/images/newGirlPc.png" alt="" class="two-code">
                    </div>
                </div>
                <div class="friendship">
                    <p class="titles">友情链接:</p>
                    <ul>
                        <li>笔尚小说网</li>
                        <li>
                            落尘文学
                        </li>
                        <li>
                            悠空网
                        </li>
                        <li>
                            书海小说网
                        </li>
                        <li>
                            花雨小说网
                        </li>
                        <li>
                            天下书盟小说网
                        </li>
                    </ul>
                </div>
                <div class="footer-copyright">
                    <div>
                        Beijing Jinying Technology Co., Ltd
                    </div>
                    <div>
                        <i>北京金影科技有限公司</i>
                        <i>北京市海淀区信息路甲28号-1层D号-116号</i>
                        <i>©hotread.com</i>
                        <i>京ICP备14052851号-3</i>
                        <i>TEL:010-59002324</i>
                        <i>广电证：（京）字第13504号；ICP：京ICP证160474号</i>
                    </div>
                    <div>
                        <i>网络文化经营许可证</i>
                        <i>：京网文[2024] 3462-169 号</i>
                    </div>
                    <div>
                        <i>电子出版物制作许可证：京第0033号</i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../js/channelDetail.js"></script>
<script src="https://unpkg.com/layui@2.11.5/dist/layui.js"></script>
</html>